<!DOCTYPE html>
<html lang="en">
<head>
  <base href="" />
  <meta charset="UTF-8">
  <title>抄表记录</title>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/jquery-ui-1.10.4.custom.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/fileinput.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-responsive.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-datetimepicker.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/common.css"/>
  
  <script type='text/javascript' src='../static/js/jquery-1.10.2.min.js'></script>
  <script type='text/javascript' src='../static/js/jquery-ui-1.10.4.custom.js'></script>
  <script type='text/javascript' src='../static/js/jquery.form.js'></script>
  <script type='text/javascript' src='../static/js/jquery.tips.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap.min.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.zh-CN.js'></script>
  <script type='text/javascript' src='../static/js/fileinput.js'></script>
  <script type='text/javascript' src='../static/js/zh.min.js'></script>
  <script type="text/javascript" src="../static/js/messageContent.js"></script>
  <script type='text/javascript' src="../static/js/common.js"></script>
  <script type='text/javascript' src="../static/js/balance/meterRecord.js"></script>
  <script type='text/javascript' src='../static/table/meterRecordTable.js'></script>
</head>
<body>
<div class="top">
	当前位置: 电力结算<span class="comSpanTitle">></span>抄表记录
</div>
<div class="scrollBody">
	<div class="partWhite paddingBottomTen" id="scrollHeight">
	 	<form class="form-horizontal" id="checkMeterSearch">
	 		<input id="meterDate" name="meterDate" hidden="hidden">
			<div class="partTable marginBottom2Ten">
				<div class="col-sm-1 control-label partConditionTitle partTurnPage">
					<span id="showYear" style="font-size:25px;"></span>
				</div>
				<div class="col-sm-11" id="monthList">
				</div>
			</div>
			<div class="partTable" style="overflow:hidden;">
				<div class="form-group">
					<label for="chargingStationID" class="col-sm-1 control-label partConditionTitle">充电站名称</label>
				<div class="col-sm-2" hidden="hidden">
					<select id="chargingStationID" name="ChargingStationID" class="form-control">
						<option value="" selected="selected">请选择</option>
					</select>
				</div>
				<div class="col-sm-2">
					<input class="form-control" id="name" placeholder="充电站名称" type="text" onchange="getChargingStationID()">
				</div>
				<div class="col-sm-2">
					<button class="btn btnDefault" type="button" onclick="search()">查询</button>
				</div>
				</div>
			</div>
		</form>
	</div>
	<div class="partWhite">
		<div class="form-group">
			<h4 class="partTitle"><strong>抄表记录——列表</strong>
			<button class="btn btnDefault marginLeft2ten" type="button" style="float:right;" onclick="importFile()">
				导入
			</button>
			</h4>
            <p id="errorMessage" style="color:red;font-size: 30pt;font-weight: bold;" hidden='hidden'></p>
		</div>
		<div class="partTable">
			<table class="table table-hover" id="meterRecordTable">
				<thead id="meterRecordThead">
				</thead>
				<tbody id="meterRecordTbody">
				</tbody>
			</table>
		</div>
	</div>
  <!--隐藏框-->
  <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" data-backdrop="static" id="showImg" tabindex="-1" class="modal fade popup">
	<div class = "popupTable" style="width:50%">
		<div class="modal-header titleAll">
		  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
		    <span aria-hidden="true" class="close">&times;</span>
		  </button>
		</div>
        <div id="meterImg" class="modal-body">
        </div>
	    <div class="modal-footer">
			<button type="button" class="btn btn-danger" data-dismiss="modal">关闭</button>
	    </div>
    </div>
  </div>
  <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" data-backdrop="static" id="importFileModal" tabindex="-1" class="modal fade popup1">
	<div class="popupFileInput">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-label="Close">
				<span aria-hidden="true" class="close">&times;</span>
			</button>
			<h4 class="fileInputTitle">抄表文件上传</h4>
		</div>
		<div class="modal-body fileInputBody">
			<form id="importForm" class="form-horizontal" method="post" enctype="multipart/form-data">
			</form>
		</div>
		<div class="modal-footer fileInputFooter">
			<button type="button" class="btn btn-primary" onclick="sureImport();">确定</button>
			<button type="button" class="btn btn-danger" data-dismiss="modal">取消</button>
		</div>
	</div>
  </div>
  </div>
</body>
</html>